oninput和onchange都是常见的表单元素的事件，它们的区别在于触发的时机不同。

oninput事件会在表单元素的值发生变化时立刻触发，无论是通过键盘输入、粘贴、剪切、拖拽等方式，都能实时响应。比如：

其中，handleInput函数会接收一个event参数，可以通过该参数获取当前输入框的值，实时更新页面等操作。

而onchange事件则是在表单元素的值发生变化并且元素失去焦点时触发。比如：

使用onchange事件时，需要注意的是，在用户输入完成之前，如果用户点击其他元素或按下了回车键，输入框的值将被提交，同时onchange事件也会被触发，这可能导致一些意想不到的结果。

下面是一个简单的示例，演示oninput和onchange事件的区别：

运行结果：无论是在输入框中键入文本、复制粘贴或者直接拖拽文件，oninput事件都能实时响应，而onchange事件只有在输入框失去焦点时才会触发。

使用场景：

oninput事件主要用于实时监控表单元素的输入，特别是一些需要动态展示输入内容的场景，比如：

而onchange事件则适用于需要在表单元素失去焦点时进行处理的场景，比如：

需要注意的是，当表单元素的值发生变化时，并不一定需要立刻响应，在具体场景中需要根据实际需求来选择使用oninput还是onchange。